<template>
        <div class="nav">
        <div>
          <div class="nav_icon"></div>
          <div>出库申请</div>
        </div>
        <div class='check_div two'>
          <div class='nav_icons'>2</div>
          <div>资方确认</div>
        </div>
        <div class="three">
          <div class='nav_icons'>3</div>
          <div>平台确认</div>
        </div>
        <div class="four">
          <div class='nav_icons '>4</div>
          <div>车辆出库</div>
        </div>
      </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
  .nav{
      display:flex;
      justify-content: space-between;
      align-items: center;
      color:#BEBEBE;
      height: 100rpx;
      font-size: 25rpx;
      flex:auto;
      div:first-child{
         display:flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        width:25%;
        max-width:25%;
        height:100%;
          .nav_icon{
            width:25rpx;
            height: 25rpx;
            background: url('../../../static/images/success.png') no-repeat;
            background-size: contain;
            margin-right:10rpx;
          }
      }
      div.two,div.three,div.four{
        display:flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        width:25%;
        max-width:25%;
        height:100%;
         background: url("../../../static/images/white.png") no-repeat;
          background-size: 100% 100%;
        .nav_icons{
              width:25rpx;
              height: 25rpx;
              margin-right:10rpx;
              border-radius:20rpx;
              border:1rpx solid #BEBEBE;
              font-size: 24rpx ;
              text-align: center;
              line-height: 25rpx;
        }
      } 
       div.two.check_div{
          background: url("../../../static/images/blue.png") no-repeat;
          background-size: 100% 100%;
          color:white;
          .nav_icons{
                 border:1rpx solid white;
          }
        }
    }
</style>
